
//DOM查找html元素
var tab = document.getElementsByClassName("tab")[0];
var tt = tab.querySelector(".tt");/* 选择器 */
var li = tt.querySelectorAll("li");
var tc = tab.querySelectorAll(".tc");
console.log(tab,tt,li,tc);

//定义事件
for(var i = 0 ; i < li.length ; i++){
    li[i].index = i;/* 获取下标 */
    li[i].onmouseover = function(){
        for(var j = 0 ; j < tc.length ; j++){
            tc[j].style.display="none";
            li[j].classList.remove("cur");
        }
        tc[this.index].style.display="block";
        this.classList.add("cur");

    }
}
